<template>
	<view class="express-actions-component">
		<scroll-view
			scroll-y="true"
			class="express-actions-scroll"
		>
			<view class="express-actions-list">
				<view
					v-for="(express, index) in list"
					:key="index"
					class="express-actions-item"
					@click="$emit('choose', express)"
				>
					{{ express }}
				</view>
			</view>
		</scroll-view>
		<view class="cancel-content">
			<view class="cancel-placeholder"></view>
			<view class="cancel-text" @click="$emit('cancel')">取消</view>
		</view>
	</view>
</template>

<script>
export default {
	props: {
		list: Array
	}
}
</script>

<style lang="scss" scoped>
@import './index.scss';
</style>